<template>
  <div class="entry">
    <h3>{{ $t("language.business.whatsapp") }}:+63 97703 60982</h3>
    <i>{{ $t("language.business.whatsapp") }}:+63 97703 60982</i>
    <span>{{ $t("language.business.mchat") }}:worldgame</span>
    <span>{{ $t("language.business.skype") }}:worldgame@gmail.com</span>
    <NuxtImg src="/img/bb8.png" alt="" />
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped lang="scss">
.entry {
  
  color: #fff;
  width: 100%;
  @include flex(column, flex-start, flex-start);
  h3 {
    font-size: 20px;
    color: #fff;
  }
  i {
    font-style: normal;
    font-size: 14px;
    color: #b5bacb;
    display: block;
    margin: 34px 0;
  }
  span {
    font-size: 12px;
    color: #b5bacb;
    display: block;
    margin-bottom: 30px;
  }
  img {
    width: 80%;
    margin: 40px auto 0;
  }
}
</style>
